<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Administration</title>
        <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
        <script type="text/javascript" src="js/jquery-ui-1.8.4.custom.min.js"></script>
        <script type="text/javascript" src="js/functions.js"></script>
        <script type="text/javascript" src="js/load-actions.js"></script>
        <link type="text/css" rel="stylesheet" href="css/main.css" />
        <link type="text/css" rel="stylesheet" href="css/custom-theme/jquery-ui-1.8.4.custom.css" />
    </head>
    <body>
        <div id="loader">
            <div id="bar"></div>
            <div id="background"></div>
        </div>
        <div id="extra-infos-wrapper">
            <div id="content">
                <div id="body">
                </div>
                <button id="close"><span class="icon"></span></button>
            </div>
        </div>
        <div id="extra-infos-background"></div>
        <div id="container">
            <div id="header">Modulo di amministrazione dei sensori Perla - Gis</div>
            <div id="border"></div>
            <div id="warning">text</div>
            <div id="content">
                <div id="activities">
                    <fieldset>
                        <legend>Attività</legend>
                        <ul class="more">
                            <li><a href="" id="nodi"> Tutti i nodi</a></li>
                            <li><a href="" id="sensori">Tutti i sensori</a></li>
                        </ul>
                    </fieldset>
                </div>
                <div id="summary">
                    <fieldset>
                        <legend>Riepilogo sensori disponibili al GIS <a href="#" id="update">(aggiorna)</a></legend>
                        <table id="summary-table" class="centered">
                            <thead>
                                <tr>
                                    <th>Nome</th>
                                    <th>Id Perla</th>
                                    <th>Id Gis</th>
                                    <th>Notifica</th>
                                    <th>Operazioni</th>
                                </tr>
                            </thead>
                            <tbody id="list">
                                <tr>
                                    <td></td>
                                    <td></td>
                                    <td></td>
                                    <td></td>
                                    <td></td>
                                </tr>
                            </tbody>
                        </table><br>
                        <button id="show"><span class="icon"></span><span class="text">Aggiungi sensore</span></button>
                        <button id="force-update"><span class="icon"></span><span class="text">Aggiorna tutti i valori</span></button>
                        <div id="new">
                            <table>
                                <tr>
                                    <td><label>Nodo</label></td>
                                    <td><select id="nodes">
                                            <option selected>0</option>
                                            <option>1</option>
                                            <option>2</option>
                                        </select></td>
                                    <td><label>Etichetta</label></td>
                                    <td><input type="text" id="label"></td>
                                    <td><label>Auto update</label></td>
                                    <td><input type="checkbox" id="notify"></td>
                                    <td><button id="add"><span class="icon"></span></button></td>
                                </tr>
                            </table>
                        </div>
                    </fieldset>
                </div>
                <div id="infos">
                    <fieldset>
                        <legend>Informazioni</legend>
                        <div id="node">
                            <fieldset>
                                <legend>Nodo<br>
                                    <select id="list">
                                        <option selected>0</option>
                                        <option>1</option>
                                        <option>2</option>
                                    </select></legend>
                                <div id="info">
                                    Alias:<br>
                                    CoordE:<br>
                                    CoordN:
                                </div>
                            </fieldset>
                        </div>
                        <div id="sensor">
                            <fieldset>
                                <legend>Sensore<br>
                                    <select id="list">
                                        <option selected>ATTITUDE_0</option>
                                        <option>TEMPERATURE_0</option>
                                        <option>CRACKMETER_0</option>
                                        <option>BIBI_0</option>
                                    </select></legend>
                                <div id="info">
                                    Alias: <br>
                                    CoordE:<br>
                                    CoordN:<br>
                                    Tipo:
                                </div>
                            </fieldset>
                        </div>
                        <div id="values">
                            <fieldset>
                                <legend id="filter">Valori<br />
                                    <select id="list">
                                        <option value="1" selected>Ultimo valore</option>
                                        <option value="10">Ultimi 10 valori</option>
                                        <option value="per">Personale</option>
                                    </select>
                                    <label>Da</label><input type="text" name="from" id="from">
                                    <label>A</label><input type="text" name="to" id="to">
                                    <a href="" id="search"><img src="icons/search_32.png" alt="Search" /></a>
                                </legend>
                                <table id="values-table">
                                    <tr>
                                        <td></td>
                                    </tr>
                                </table>
                            </fieldset>
                        </div>
                    </fieldset>
                </div>
            </div>
            <div class="clearfooter"></div>
        </div>
        <div id="footer">2010</div>
    </body>
</html>
